<template>
  <div id="app">
    <!-- 路由得出口 -->
    <!-- 一级路由得出口，路由表中所有的顶层路由都是一级路由因为 router-view 是一级路由出口
      keep-alive 仅对该路由出口渲染的组件有效
      -->
    <router-view />
  </div>
</template>
<script>
export default {
  name: 'App'
}
</script>
<!--
    组件的样式作用域
    默认是全局样式
    如果不希望当前组件中的样式影响别的组件，我们可以添加作用域 scoped

    在有作用域的组件中如何给子组件设置样式？
      默认只能作用到子组件的根节点
      使用子组件根节点本身的 class 类名
        如果是第三方组件你不知道它的根节点的类名，那就审查元素查看，或者添加一个类名
        建议使用我们自己的类名
      深度作用操作符  /deep/
-->
<style lang="less" scoped></style>
